<template>
  <div class="steps-group">
    <div class="steps flex flex-pack-center">
      <div class="step" :class="{cur:step>=1}">注册账号 <i class="icon icon-arrowright fr"></i></div>
      <div class="step" :class="{cur:step>=2}">完善资料 <i class="icon icon-arrowright fr"></i></div>
      <div class="step" :class="{cur:step>=3}">审核</div>
    </div>
  </div>
</template>
<script>
  export default {
    props: {
        step: {
          type: [Number, String],
          default: 1
        }
    },
    data() {
        return {};
    },
    methods: {
    },
    filters: {
    },
    created() {

    },
    mounted(){

    },
    components: {

    }
  };
</script>
<style lang="less">
  @import "./steps.less";
</style>
